(function($) {
	//获取要回复人的username，以及uid
	var huname = "";
	var huid = "";
	//存储点赞时的点赞列表人员名称
	var namelists = [];
	var apppinlun = {
			init: function(parent) {
				//首先加载的是列表
				apppinlun.donglist(parent);

			},
			//图片的点击事件
			imgpopwindow: function(parent, imgpw) {
				layui.use('layer', function() {
					var layer = layui.layer;
					layer.photos({
						photos:imgpw,
						anim: 5, //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
						tab: function(pic) {
							console.log(pic);
						}
					});

				});
			},
			//图片的点击事件
			imgpopclick:function(parent){
				$("#LAY_demo1 .imgpop").off().on("click",function(){
					var imgpw=$(this).parent(".site-demo-flow");
					apppinlun.imgpopwindow(parent,imgpw);
				});
			},
			//加载列表，用流的形式加载
			donglist: function(parent) {
				layui.use('flow', function() {
					var flow = layui.flow;
					flow.load({
						elem: '#LAY_demo1' //流加载容器

						,
						done: function(page, next) { //执行下一页的回调
							var sum = 0;
							console.log(page);
							//模拟数据插入
							console.log("1");
							setTimeout(function() {
								var lis = [];
								for(var i = 0; i < 3; i++) {
									var html = apppinlun.datalisthtml("");
									lis.push(html)
								}

								//执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
								//pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
								next(lis.join(''), page < 3); //假设总页数为 10
								//popimg();
								//在这里进行处理所以有的点击事件
								//暂时没有数据交互时就放到这里
								//图片的点击事件
								apppinlun.imgpopclick(parent);
								//apppinlun.imgpop(parent);
								apppinlun.topclickhuifu(parent); //在文章下面的一个回复按钮的点击事件
								apppinlun.qitaclick(parent); //点击其他地方进行
								apppinlun.pinlunsave(parent, "1"); //评论保存
								apppinlun.ontpinlun(parent); //一级评论
								//取消
								apppinlun.cenlpinlun(parent);
								//对一级评论进行评论的点击进入ui
								apppinlun.towclickui(parent);
								apppinlun.dianzan(parent);
							}, 500);
						}
					});
				});
			},
			//进行点赞操作
			dianzan: function(parent) {
					//当前的点赞往上找对象
					$(".icon-zan").off().on("click", function() {
					//首先获取点赞的数量
					/*var numbers=$(this).children("em").text();
					var sum=0;
					if(numbers.trim()!=''){
						sum=parseInt(numbers);
					}*/
					var _this = $(this).parent(".jieda-zan");
					namelists = []; //数据滞空
					var sum = apppinlun.reflashnumber(_this);
					//console.log(sum);
					//var numbse=0;
					/*if(sum!=''){
						numbse=parseInt(sum);
					}*/
					
					var sw = _this.attr("sw");
					var demos = _this.parents(".layui-colla-content").parent("div").children(".pinlunlistdata").children(".dianzanlist");
					demos.children().remove();
					if(sw == 'off') {
						//说明是没有点赞的
						_this.css("color", "#c00");
						_this.attr("sw", "on");
						sum++;

						$.each(namelists, function(i, d) {

							if(i == 0) {
								demos.append('<i class="iconfont icon-zan"></i>');
								demos.append(apppinlun.dianzanhtml("老罗、")); //当前的用户名
								demos.append(apppinlun.dianzanhtml(d.name));
							} else if(i <= 11) {
								demos.append(apppinlun.dianzanhtml(d.name));

							}
							if(i == namelists.length - 1) {
								var html = '<span href class="fly-link"><cite><font size="2.5">等' + sum + '人点赞</font></cite></span>';
								demos.append(html);
							}

						});
						//进行点赞
						//dianzanhtml
					} else {
						_this.css("color", "#999");
						_this.attr("sw", "off");
						sum--;
						console.log(namelists)
						for(var i = 0; i < namelists.length; i++) {
							var index = (namelists[i].name).indexOf("老罗、");
							if(index == 0) {
								//当你取消的时候，就把自己过滤掉
								continue;
							}

							if(i == 1) {
								demos.append('<i class="iconfont icon-zan"></i>');

								demos.append(apppinlun.dianzanhtml(namelists[i].name));

							} else if(i <= 11) {

								demos.append(apppinlun.dianzanhtml(namelists[i].name));

							}
							if(i == namelists.length - 1) {
								var html = '<span href class="fly-link"><cite><font size="2.5">等' + sum + '人点赞</font></cite></span>';
								demos.append(html);
							}
						}

					}
					console.log(sum);
					//.jieda-reply .jieda-zan:hover{color:#c00}
				});
			},
			//实时刷新点赞的数量
			reflashnumber: function(_this) {
				var numbsers = 0;
				_this.parents(".layui-colla-content").parent("div").children(".pinlunlistdata").children(".dianzanlist").children("a").each(function(i, d) {
					namelists.push({
						name: $(d).text()
					})
					numbsers++;
				});
				//console.log(namelists);
				return numbsers;
			},
			//对二级评论的一个回复
			threeclickui: function(parent) {
				$(".threeiconfont").off().on("click", function(e) {
					//console.log("123");
					e.stopPropagation();
					huname = $(this).attr("uname");

					//然后将外层中的那个输入框进行移除
					$(this).parents(".pinlunlistdata").next().remove();
					//在此之前将第一个移除掉
					$(this).parents(".detail-hits").parent(".detail-about").next().find(".fly-list-info").remove();
					$(this).parents(".detail-hits").parent(".detail-about").after(apppinlun.pinluninput("threelayui-textarea"));
					//第三级的添加操作
					apppinlun.threelayclick(parent);
				});
			},
			//对第三级中的输入框的一个点击事件
			threelayclick: function(parent) {
				$(".threelayui-textarea").off().on("click", function(e) {
					$(this).next().remove()

					$(this).after(apppinlun.btnhtml());
					$(this).css("min-height", "100px");
					e.stopPropagation();
					apppinlun.pinlunsave(parent, "3"); //保存
				});
			},
			//对一级评论进行评论的点击进入ui
			towclickui: function(parent) {
				$(".towiconfont").off().on("click", function(e) {
					e.stopPropagation();
					huname = $(this).attr("uname");
					//$(this).parents(".onepl").next().show();
					//加载输入框
					$(this).parents(".onepl").next().remove();
					$(this).parents(".onepl").after(apppinlun.pinluninput("twolayui-textarea"));
					//然后将外层中的那个输入框进行移除
					$(this).parents(".pinlunlistdata").next().remove();
					$(this).parents(".onepl").next().children(".icon-pinglun1").children(".layui-textarea").attr("placeholder", "@马云");
					//$(".onelayui-textarea").next().remove(); //先将他
					//$(".onelayui-textarea").hide();
					apppinlun.twoclickAddBtn(parent);

				})
			},
			//对回复进行追加添加按钮
			twoclickAddBtn: function(parent) {
				$(".twolayui-textarea").off().on("click", function(e) {
					$(this).next().remove()

					$(this).after(apppinlun.btnhtml());
					$(this).css("min-height", "100px");
					e.stopPropagation();
					apppinlun.pinlunsave(parent, "2"); //保存
					//save(); //保存
					//cenl(); //取消
				});
			},
			//第一个一级评论的加载
			ontpinlun: function(parent) {
				$(".onelayui-textarea").off().on("click", function(e) {
					$(this).next().remove();

					$(this).after(apppinlun.btnhtml());
					$(this).css("min-height", "100px");
					e.stopPropagation();
					apppinlun.pinlunsave(parent, "1"); //保存
					//取消
					apppinlun.cenlpinlun(parent);
					//save(); //保存
					//cenl(); //取消
				});
			},

			//点击内容下的回复按钮进行弹出评论
			topclickhuifu: function(parent) {
				$(".tophuifu").off().on("click", function(e) {
					//$(this).parents(".layui-colla-content").parent("div").children(".fly-list-info").children(".iconfont").children(".layui-textarea").next().remove();

					$(this).parents(".layui-show").parent("div").children(".pinlunlistdata").next().remove();
					//这一步就是将在pinlunlistdata列表下的所有的输入框都给移除掉
					$(this).parents(".layui-show").parent("div").children(".pinlunlistdata").children(".pinlunlistid").find(".fly-list-info").remove();
					//第一步，加载输入框
					//apppinlun.pinluninput();
					$(this).parents(".layui-show").parent("div").children(".pinlunlistdata").after(apppinlun.pinluninput("onelayui-textarea"));
					//同时把添加按钮给添加进来
					$(this).parents(".layui-colla-content").parent("div").children(".fly-list-info").children(".iconfont").children(".layui-textarea").after(apppinlun.btnhtml());
					$(this).parents(".layui-colla-content").parent("div").children(".fly-list-info").children(".iconfont").children(".layui-textarea").css("min-height", "100px");
					$(this).parents(".layui-colla-content").parent("div").children(".fly-list-info").children(".iconfont").children(".layui-textarea").focus();
					apppinlun.pinlunsave(parent, "1"); //保存
					//$(".pinlunlistid .fly-list-info").hide(); //先将他
					//$(".pinlunlistid .fly-list-info .onelayui-textarea").next().remove();
					//save();
					//cenl(); //取消
					e.stopPropagation();
					//取消
					apppinlun.cenlpinlun(parent);

				});
			},
			//对回复按钮的一个保存操作
			pinlunsave: function(parent, type) {

				layui.use('layer', function() {
					var layer = layui.layer;

					$(".layui-col-md8 .onesave").off().on("click", function(e) {
						e.stopPropagation();
						var content = $(this).parents(".fly-list-info").children(".icon-pinglun1").children(".layui-textarea").val();
						$(this).parents(".fly-list-info").children(".icon-pinglun1").children(".layui-textarea").val("");
						$(this).parents(".fly-list-info").children(".icon-pinglun1").children(".layui-textarea").attr("placeholder", "请输入内容");
						var username = "马云",
							uimg = "http://127.0.0.1:8020/APP/fly-3.0/res/images/a.jpg";
						var _this = $(this);
						var index = layer.load(0, {
							shade: false
						}); //0代表加载的风格，支持0-2
						var html = "";

						//用追加的形式进行添加

						setTimeout(function() {
							switch(type) {
								case "1":
									//这个说明是一级评论的追加内容
									html = apppinlun.onthtml(parent, content, username, uimg);
									_this.parents(".fly-list-info").prev(".layui-colla-content").children(".pinlunlistid").append(html);
									apppinlun.towclickui(parent);
									apppinlun.ontpinlun(parent); //一级评论
									break;
								case "2":
									html = apppinlun.twohtml(parent, content, username, uimg, huname);
									_this.parents(".fly-list-info").prev(".onepl").children(".detail-about").children(".twopldiv").append(html);
									//对一级评论进行评论的点击进入ui
									apppinlun.towclickui(parent);
									apppinlun.threeclickui(parent); //第三级评论的添加
									//然后进行对其输入框隐藏掉
									//_this.parents(".fly-list-info").hide();
									//对一级回复之后就要对整个输入框进行移除操作
									_this.parents(".fly-list-info").remove();
									break;
								case "3":
									html = apppinlun.twohtml(parent, content, username, uimg, huname);
									console.log("33");
									_this.parents(".fly-list-info").prev(".detail-about").after(html);
									//对一级评论进行评论的点击进入ui
									apppinlun.towclickui(parent);
									apppinlun.threeclickui(parent); //第三级评论的添加
									_this.parents(".fly-list-info").remove();
									break;
							}
							//_this.parents(".fly-list-info").hide();
							$(".layui-input-block").remove();
							$(".layui-textarea").css("min-height", "20px");
							layer.close(index);
						}, 1000)

					});
				});

			},
			//动态数据列表,dataobj单个对象，用接口返回的数据
			datalisthtml: function(dataobj) {
				var html = '<li>' +
					'<div>' +
					'<a href="#" class="fly-avatar">' +
					'<img src="https://tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" alt="贤心">' +
					'</a>' +
					'<h2>' +
					'<a >  <cite style="color: #403e3b;">ArryLuo</cite><br/>' +

					'<span style="position: absolute;  padding-right: 0!important;margin-top: 6px;">' +

					'<cite style="font-style: italic; color: #999; "><font size="2.5">2017-12-02</font></cite>' +
					'</span>' +
					'</a>' +

					'</h2>' +
					'</div>' +
					'<div style="margin-top: 60px;">' +
					'<div class="layui-colla-content layui-show">' +
					'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在前端技术快速变革的今天，layui 仍然坚持语义化的组织模式，甚至于模块理念都是采用类AMD组织形式，并非是有意与时代背道而驰。layui 认为以jQuery为核心的开发方式还没有到完全消亡的时候，而早期市面上基于jQuery的UI都普通做得差强人意，所以需要有一个新的UI去重新为这一领域注入活力，并采用一些更科学的架构方式。 因此准确地说，layui 更多是面向那些追求开发简单的前端工程师们，以及所有层次的服务端程序员。' +

					'<div class="site-demo-flow" id="LAY_demo3" style="margin-top: 5px;">' +
					'<img class="imgpop" src="https://gw.alicdn.com/bao/uploaded/i2/701696736/TB2PNl5ahQa61Bjy0FhXXaalFXa_!!701696736.jpg_400x400q90.jpg?t=1516269303876">' +
					'<img class="imgpop" src="https://gw.alicdn.com/bao/uploaded/i2/162734861/TB2V5rsX_gc61BjSZFkXXcTkFXa_!!162734861.jpg_400x400q90.jpg?t=1516269303876">' +

					'</div>' +
					'<!--进行点赞的处理-->' +
					'<div class="jieda-reply">' +
					'<span class="jieda-zan zanok" type="zan" sw="off">' +
					'<i class="iconfont icon-zan"></i>' +
					'<!-- <em>66</em>-->' +
					'</span>' +
					'<span type="reply" class="tophuifu">' +
					'<i class="iconfont icon-svgmoban53"></i>' +
					'回复' +
					'</span>' +

					'</div>' +
					'</div>' +
					'<!--在这里编写评论列表-->' +
					'<div class="layui-colla-content layui-show pinlunlistdata" style="padding:5px 15px">' +
					'<!--点赞列表-->' +
					'<div class="dianzanlist">' +
					'<i class="iconfont icon-zan"></i>' +
					'<a href class="fly-link"><cite><font size="2.5">马云、</font></cite></a>' +
					'<a href class="fly-link"><cite><font size="2.5">马化腾、</font></cite></a>' +
					'<a href class="fly-link"><cite><font size="2.5">雷军、</font></cite></a>' +
					'<a href class="fly-link"><cite><font size="2.5">李彦宏、</font></cite></a>' +

					'<span href class="fly-link"><cite><font size="2.5">等4人点赞</font></cite></span>' +
					'</div>' +
					'<ul class="pinlunlistid">' +
					'<li class="onepl">' +
					'<!--一级评论开始-->' +

					'<!--一级评论开始结束-->' +

					'</li>' +

					'<!--第二个人评论-->' +

					'</ul>' +
					'</div>' +

					'</div>' +
					'</li>';
				return html;
			},
			//对点赞列表进行追加html
			dianzanhtml: function(uname) {
				var html = '<a href class="fly-link"><cite><font size="2.5">' + uname + '</font></cite></a>';
				return html;
			},
			//将点击输入框时，加载出添加，取消按钮
			btnhtml: function() {
				var html = '<div class="layui-input-block">' +
					'<button class="layui-btn onesave" lay-submit=""  lay-filter="demo1">立即提交</button>' +
					'<button type="reset" class="layui-btn layui-btn-primary">取消</button></div>';
				return html;
			},
			//对评论的输入框一个追加操作
			pinluninput: function(tyclass) {
				var html = '<div class="fly-list-info">' +
					'<i class="iconfont icon-pinglun1" title="评论" style="cursor: pointer;">' +
					'<textarea placeholder="请输入内容" class="layui-textarea ' + tyclass + '"></textarea>' +

					'</i>' +

					'</div>'
				return html;
			},
			//对二级评论的一个追加hname 是被回复者
			twohtml: function(parent, content, username, uimg, hname) {
				var html = '<div class="detail-about detail-about-reply" style="margin-top: 5px;">' +
					'<a class="fly-avatar" href="" style="left: 10px;">' +
					'<img src="' + uimg + '" class="layui-nav-img" style="margin-right:4px;width: 30px;height: 30px;">' +
					'</a>' +
					'<div>' +
					'<span class="fly-link">' +
					'<cite>' + username + '&nbsp;<span style="color: #000000;">回复</span>' + hname + '</cite><span style="padding-left: 5px; color: #000000;">:</span>' +
					'</span>' +
					'<span style="color: #000000;">' + content + '</span>' +
					'</div>' +
					'<div class="detail-hits" style="margin-bottom: 10px;margin-top: 0px;margin-left: 50px;">' +
					'<span>2017-11-30</span>' +
					'<span type="reply" class="huifu">' +
					'<i class="iconfont threeiconfont" title="回复" uname="' + username + '" style="cursor: pointer;"></i>' +
					'</span>' +
					'</div>' +
					'</div>';
				return html;
			},
			//对一级评论追加html
			onthtml: function(parent, content, username, uimg) {
				var html = '<li class="onepl">' +
					'<!--一级评论开始-->' +
					'<div class="detail-about detail-about-reply">' +
					'<a class="fly-avatar" href="" style="left: 15px;">' +
					'<img src="' + uimg + '" class="layui-nav-img" style="margin-right:4px;width: 30px;height: 30px;">' +
					'</a>' +
					'<div>' +
					'<span class="fly-link">' +
					'<cite>' + username + '</cite><span style="padding-left: 5px; color: #000000;">:</span>' +

					'</span>' +

					'<span style="color: #000000;">' + content + '</span>' +

					'</div>' +
					'<div class="detail-hits" style="margin-bottom: 5px;">' +
					'<span>2017-11-30</span>' +
					'<span type="reply" class="huifu">' +
					'<i class="iconfont towiconfont" uname="' + username + '" title="回复" style="cursor: pointer;"></i>' +
					'</span>' +
					'</div>' +
					'<!--一级评论结束-->' +
					'<div class="twopldiv">' +

					'</div>' +
					'</div>' +
					'<!--一级评论开始结束-->' +

					'</li>';
				return html;
			},
			//获取当前系统时间
			getNowFormatDate: function() {
				var date = new Date();
				var seperator1 = "-";
				var seperator2 = ":";
				var month = date.getMonth() + 1;
				var strDate = date.getDate();
				if(month >= 1 && month <= 9) {
					month = "0" + month;
				}
				if(strDate >= 0 && strDate <= 9) {
					strDate = "0" + strDate;
				}
				var h = date.getHours();
				var d = date.getMinutes();
				if(h >= 0 && h <= 9) {
					h = "0" + h;
				}
				if(d >= 0 && d <= 9) {
					d = "0" + d;
				}
				var s = date.getSeconds();
				if(s >= 0 && s <= 9) {
					s = "0" + s;
				}
				//var h=date.getHours() ;
				console.log(h);
				// var d= date.getMinutes();
				console.log(d);
				var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
					" " + h + seperator2 + d +
					seperator2 + s;
				return currentdate;
			},
			//点击其他地方进行收起
			qitaclick: function(parent) {
				//点击其他地方进行收起\n
				$(".layui-colla-content").off().on("click", function(e) {
					$(".layui-input-block").remove();
					$(".layui-textarea").css("min-height", "20px");
					$(".layui-textarea").attr("placeholder", "请输入内容");
					e.stopPropagation();
				});
			},
			cenlpinlun: function(parent) {
				$(".layui-btn-primary").off().on("click", function(e) {
					e.stopPropagation();
					console.log("22");
					$(".layui-input-block").remove();
					$(".layui-textarea").css("min-height", "20px");
				});
			},
			//数据交互
			initpost: function(parent) {

			},
			//执行回调
			initexecute: function(parent) {

			}
		}
		//执行回调的方法
	pinluncallback = function(opetion) {
		var parent = $.extend({
			url: "",
			data: "",
			callback: function(obj) {

			}
		}, opetion);
		apppinlun.init(parent);
	}

}(jQuery))